:root{--primary-color:#6e48aa;--secondary-color:#9d50bb;--dark-color:rgba(89, 80, 80, 0.993);--light-color:#f9f5ff;--text-color:#333;--white:#fff;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--light-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}header{background:var(--dark-color);color:var(--white);padding:1rem 0;position:relative;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.header-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.logo{font-size:1.8rem;font-weight:700;display:flex;align-items:center}.header-logo{width:400px;height:100px}.header-logo img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.language-switcher{display:flex;gap:10px}.lang-btn{background:rgb(255 255 255 / .2);border:none;color:var(--white);padding:5px 10px;border-radius:4px;cursor:pointer;transition:var(--transition)}.lang-btn:hover{background:rgb(255 255 255 / .3)}.lang-btn.active{background:rgb(255 255 255 / .5);font-weight:700}.welcome-section{text-align:center;padding:3rem 0}.welcome-section h2{font-size:2.5rem;margin-bottom:1.5rem;animation:fadeInDown 1s ease}.welcome-section p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;animation:fadeIn 1.5s ease}nav{background-color:var(--white);box-shadow:0 2px 10px rgb(0 0 0 / .1);position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center}.nav-logo i{margin-right:10px}.nav-menu{display:flex;list-style:none}.nav-menu li{margin-left:2rem}.nav-menu a{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition);position:relative;padding:5px 0}.nav-menu a:after{content:'';position:absolute;width:0;height:2px;background:var(--secondary-color);bottom:0;left:0;transition:var(--transition)}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{color:var(--primary-color)}.hamburger{display:none;cursor:pointer;font-size:1.5rem}.hero{background:linear-gradient(rgb(110 72 170 / .8),rgb(157 80 187 / .8)),url(https://images.unsplash.com/photo-1518199266791-5375a83190b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80) no-repeat center center/cover;color:var(--white);text-align:center;padding:6rem 0;position:relative;overflow:hidden}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero h1{font-size:3rem;margin-bottom:1.5rem;animation:fadeInDown 1s ease}.hero p{font-size:1.3rem;margin-bottom:2.5rem;animation:fadeIn 1.5s ease}.btn{display:inline-block;background-color:var(--white);color:var(--primary-color);padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid var(--white);animation:pulse 2s infinite}.btn:hover{background-color:#fff0;color:var(--white);transform:translateY(-3px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.floating-hearts{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.heart{position:absolute;display:block;width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff50"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') no-repeat center center/contain;animation:animate 25s linear infinite;opacity:0}section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title h2{font-size:2.5rem;color:var(--primary-color);display:inline-block;position:relative}.section-title h2:after{content:'';position:absolute;width:70px;height:3px;background:var(--secondary-color);bottom:-10px;left:50%;transform:translateX(-50%)}.about-love{background-color:var(--white);border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .05);padding:3rem;margin-bottom:3rem;transition:var(--transition)}.about-love:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .1)}.about-love h3{font-size:1.8rem;color:var(--secondary-color);margin-bottom:1.5rem;display:flex;align-items:center}.about-love h3 i{margin-right:10px}.about-love p{margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background-color:var(--white);border-radius:10px;padding:2rem;box-shadow:0 5px 15px rgb(0 0 0 / .05);transition:var(--transition);text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgb(0 0 0 / .1)}.feature-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.types-section{background:linear-gradient(135deg,#f5f7fa 0%,#f9f5ff 100%)}.types-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.type-card{background:#fff;border-radius:10px;padding:2rem;text-align:center;box-shadow:0 5px 15px rgb(0 0 0 / .05);transition:var(--transition);position:relative;overflow:hidden}.type-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--primary-color);transition:var(--transition)}.type-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgb(0 0 0 / .1)}.type-card:hover:before{height:10px;background:var(--secondary-color)}.type-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;transition:var(--transition)}.type-card:hover .type-icon{transform:scale(1.2);color:var(--secondary-color)}.benefits-section{background-color:var(--white)}.benefits-list{max-width:800px;margin:0 auto}.benefit-item{display:flex;align-items:center;margin-bottom:2rem;padding:1.5rem;background:rgb(157 80 187 / .1);border-radius:10px;transition:var(--transition)}.benefit-item:hover{transform:translateX(10px);background:rgb(157 80 187 / .2)}.benefit-icon{font-size:2rem;color:var(--secondary-color);margin-right:1.5rem;min-width:60px;text-align:center;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.benefit-content h3{color:var(--primary-color);margin-bottom:.5rem}.risks-section{background:linear-gradient(135deg,#fff9f9 0%,#fff5f5 100%)}.chart-container{display:flex;justify-content:center;margin:3rem 0}.love-chart{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;width:100%}.chart-column{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px rgb(0 0 0 / .05);text-align:center;transition:var(--transition)}.chart-column:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .1)}.chart-column.healthy{border-top:5px solid var(--primary-color)}.chart-column.obsession{border-top:5px solid #ff6b6b}.chart-column h3{margin-bottom:1.5rem;font-size:1.5rem}.chart-column ul{text-align:left;list-style-position:inside}.chart-column li{margin-bottom:.8rem;position:relative;padding-left:1.5rem}.chart-column.healthy li:before{content:'✓';color:var(--primary-color);position:absolute;left:0;font-weight:700}.chart-column.obsession li:before{content:'✗';color:#ff6b6b;position:absolute;left:0;font-weight:700}.how-to-love{background-color:var(--white)}.tips-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tip-card{background:var(--light-color);border-radius:10px;padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.tip-card:after{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--secondary-color);transition:var(--transition)}.tip-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.tip-card:hover:after{height:100%}.tip-card h3{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center}.tip-card h3 i{margin-right:10px;color:var(--secondary-color)}.myths-section{background:linear-gradient(135deg,#f9f5ff 0%,#f0e6ff 100%)}.myths-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.myth-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px rgb(0 0 0 / .05);transition:var(--transition);text-align:center}.myth-card.truth{border-top:5px solid var(--primary-color)}.myth-card.myth{border-top:5px solid #ff6b6b}.myth-card h3{font-size:1.3rem;margin-bottom:1rem}.myth-card.truth h3{color:var(--primary-color)}.myth-card.myth h3{color:#ff6b6b}.myth-card p{font-style:italic}.myth-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .1)}.right-time-section{background-color:var(--white)}.time-indicators{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:3rem}.time-indicator{text-align:center;max-width:200px;position:relative}.time-indicator:before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:var(--light-color);border-radius:50%;z-index:1}.time-icon{position:relative;z-index:2;font-size:2rem;color:var(--primary-color);margin-bottom:1rem;transition:var(--transition)}.time-indicator:hover .time-icon{transform:scale(1.2);color:var(--secondary-color)}.time-indicator h3{color:var(--primary-color);margin-bottom:.5rem}.healthy-section{background:linear-gradient(135deg,#f5f7fa 0%,#f9f5ff 100%)}.quiz-container{background:#fff;border-radius:10px;padding:2rem;max-width:800px;margin:0 auto;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.quiz-question{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.quiz-question:last-child{border-bottom:none}.quiz-question h3{color:var(--primary-color);margin-bottom:1rem}.quiz-options{display:flex;flex-direction:column;gap:.8rem}.quiz-option{display:flex;align-items:center}.quiz-option input{margin-right:10px}.quiz-result{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--light-color);border-radius:10px;display:none}.quiz-result.show{display:block;animation:fadeIn 0.5s ease}.quiz-btn{display:block;margin:2rem auto 0;background:var(--primary-color);color:#fff;border:none;padding:12px 30px;border-radius:50px;cursor:pointer;transition:var(--transition)}.quiz-btn:hover{background:var(--secondary-color);transform:translateY(-3px)}.spiritual-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white)}.spiritual-section .section-title h2{color:var(--white)}.spiritual-section .section-title h2:after{background:var(--white)}.spiritual-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.spiritual-card{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border-radius:10px;padding:2rem;transition:var(--transition);border:1px solid rgb(255 255 255 / .2);text-align:center}.spiritual-card:hover{transform:translateY(-10px);background:rgb(255 255 255 / .2)}.spiritual-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.spiritual-icon{font-size:3rem;color:var(--white);margin-bottom:1.5rem;opacity:.8}@media (max-width:992px){.hero h1{font-size:2.5rem}.section-title h2{font-size:2rem}.header-logo{width:300px}}.container1{max-width:1500px;margin:0 auto;padding:0 15px}@media (max-width:768px){.hamburger{display:block}.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:var(--white);flex-direction:column;align-items:center;padding:2rem 0;transition:var(--transition);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}.love-chart{grid-template-columns:1fr}}@media (max-width:576px){.welcome-section h2{font-size:1.8rem}.hero{padding:4rem 0}.btn{padding:10px 20px}section{padding:3rem 0}.benefit-item{flex-direction:column;text-align:center}.benefit-icon{margin-right:0;margin-bottom:1rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(255 255 255 / .4)}70%{box-shadow:0 0 0 15px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes animate{0%{transform:translateY(-100vh) scale(0);opacity:1}100%{transform:translateY(100vh) scale(1);opacity:0}}footer{background:var(--secondary-color);color:#fff;padding:3rem 0 1rem;margin-top:3rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;justify-content:space-between}.footer-column{flex:1 1 200px;min-width:250px;padding:0 15px;margin-bottom:1.5rem}.footer-column h3{font-size:clamp(1.1rem, 3vw, 1.3rem);margin-bottom:1.2rem;position:relative;padding-bottom:.5rem}.footer-column h3::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:#fff;transition:var(--transition)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.6rem}.footer-column ul li a{color:#dfe6e9;text-decoration:none;transition:var(--transition);font-size:clamp(0.85rem, 2.5vw, 0.95rem)}.footer-column ul li a:hover{color:#fff;padding-left:5px}.footer-column p{color:#dfe6e9;margin-bottom:1rem;font-size:clamp(0.85rem, 2.5vw, 0.95rem)}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .1)}.footer-bottom p{font-size:clamp(0.9rem, 2.5vw, 1rem)}.social-links{display:flex;gap:.8rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(255 255 255 / .2);border-radius:50%;color:#fff;transition:var(--transition);font-size:1rem}.social-links a:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}@media (max-width:400px){.logo{font-size:1.4rem}.welcome-section h2{font-size:1.6rem}.welcome-section p{font-size:1rem}.hero h1{font-size:1.8rem;margin-bottom:1rem}.hero p{font-size:1rem;margin-bottom:1.5rem}.btn{padding:8px 16px;font-size:.9rem}.section-title h2{font-size:1.6rem}.features-grid,.types-container,.tips-container,.myths-container,.spiritual-cards{grid-template-columns:1fr}.about-love{padding:1.5rem}.about-love h3{font-size:1.4rem}.benefit-item{flex-direction:column;text-align:center;padding:1rem}.benefit-icon{margin-right:0;margin-bottom:.5rem}.time-indicators{flex-direction:column;align-items:center}.quiz-container{padding:1rem}.footer-column{min-width:100%}.social-links{justify-content:center}.nav-menu{top:60px;height:calc(100vh - 60px)}}@media (max-width:350px){.container{padding:0 10px}.hero{padding:3rem 0}.hero h1{font-size:1.5rem}.section-title h2{font-size:1.4rem}.btn{font-size:.8rem}.language-switcher{flex-direction:column;gap:5px}.lang-btn{padding:3px 6px;font-size:.8rem}}.logo-below-footer{width:100%;text-align:center;padding:0 15px;cursor:pointer}.logo-below-footer img{width:100%;height:100%;transition:var(--transition);object-fit:cover}.logo-below-footer img:hover{transform:translateY(-5px)}@media (max-width:768px){.logo-below-footer{margin:1.5rem 0}.logo-below-footer img{max-width:350px}}@media (max-width:480px){.logo-below-footer{margin:1rem 0}.logo-below-footer img{max-width:280px}}@media (max-width:350px){.logo-below-footer img{max-width:220px}}@media (min-width:992px){.logo-below-footer img{width:400px;height:100px}}@media (max-width:768px){.logo-below-footer img{width:350px;height:90px}}@media (max-width:400px){.logo-below-footer img{width:280px;height:70px}}@media (max-width:300px){.logo-below-footer img{width:220px;height:55px}}@media (max-width:768px){.header-top{flex-direction:column;align-items:center;text-align:center;gap:20px}.header-logo{max-width:300px}.language-switcher{margin-top:10px}.welcome-section{padding:2rem 0}}@media (max-width:400px){.header-logo{max-width:250px}.language-switcher{flex-wrap:wrap;justify-content:center}.lang-btn{padding:4px 8px;font-size:.85rem}.welcome-section h2{font-size:1.4rem}.welcome-section p{font-size:.95rem}}@media (max-width:300px){.header-logo{max-width:200px}.lang-btn{font-size:.75rem;padding:3px 6px}.welcome-section{padding:1.5rem 0}}